<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>歌曲赏析</title>
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<header class="header">
    <div class="container">
        <h1>国贸联联看</h1>
        <nav>
            <ul>
                <li><a href="index.html">主页</a></li>
                <li><a href="class-intro.html">班级介绍</a></li>
                <li><a href="learning-garden.html">学习园地</a></li>
                <li><a href="class-news.html">班级新闻</a></li>
                <li><a href="class-album.html">班级相册</a></li>
                <li><a href="music-appreciation.html">音乐欣赏</a></li>
            </ul>
        </nav>
    </div>
</header>
<main class="main-content">
    <section id="welcome" class="section">
        <div class="container">
            <h2>歌曲赏析</h2>
            <p>欢迎来到歌曲赏析页面！在这里您可以深入了解经典歌曲背后的故事和创作背景。</p>
        </div>
    </section>

    <section id="song-details" class="section">
        <div class="container">
            <article class="song-article">
                <h3>海阔天空 - Beyond乐队</h3>
                <img src="images/song_cover.jpg" alt="歌曲封面" class="song-cover">
                <p><strong>发行日期：</strong>1993年</p>
                <p><strong>类型：</strong>摇滚</p>
                <p><strong>语言：</strong>粤语</p>
                <audio controls>
                    <source src="audios/sea_sky.mp3" type="audio/mpeg">
                    您的浏览器不支持 audio 元素。
                </audio>
                <p><strong>歌曲简介：</strong>《海阔天空》是香港摇滚乐队Beyond的经典作品之一，由黄家驹作词作曲。这首歌曲表达了对自由的向往和对理想的坚持，深受广大听众喜爱。</p>
                <p><strong>歌词解析：</strong>歌词中“原谅我这一生不羁放纵爱自由”传达了对自由生活的渴望，而“多少次迎着冷眼与嘲笑”则反映了面对困难时不屈不挠的精神。</p>
            </article>
            <article class="song-article">
                <h3>平凡之路 - 朴树</h3>
                <img src="images/song_cover2.jpg" alt="歌曲封面" class="song-cover">
                <p><strong>发行日期：</strong>2014年</p>
                <p><strong>类型：</strong>流行</p>
                <p><strong>语言：</strong>普通话</p>
                <audio controls>
                    <source src="audios/ordinary_road.mp3" type="audio/mpeg">
                    您的浏览器不支持 audio 元素。
                </audio>
                <p><strong>歌曲简介：</strong>《平凡之路》是由朴树演唱的一首歌，收录于专辑《猎户星座》中。这首歌以简单的旋律和深刻的歌词打动了许多人的心。</p>
                <p><strong>歌词解析：</strong>“我曾经失落失望失掉所有方向，直到看见平凡才是唯一的答案”这句歌词表达了在经历迷茫后找到内心平静的过程。</p>
            </article>
        </div>
    </section>

    <section id="user-comments" class="section">
        <div class="container">
            <h2>用户评论</h2>
            <form action="#" method="post">
                <label for="name">您的名字:</label>
                <input type="text" id="name" name="name" required>
                <label for="comment">分享您的感想:</label><br>
                <textarea id="comment" name="comment" rows="4" cols="50" required></textarea><br>
                <input type="submit" value="提交">
            </form>
            <div class="comments">
                <div class="comment-item">
                    <p><strong>张三：</strong>海阔天空每次听都让我感到力量满满，非常棒的一首歌！</p>
                </div>
                <div class="comment-item">
                    <p><strong>李四：</strong>平凡之路真的让人思考很多，朴树的声音太有感染力了。</p>
                </div>
            </div>
        </div>
    </section>
</main>
<footer class="footer">
    <div class="container">
        <p>&copy; 2024 班级网站. All rights reserved.</p>
    </div>
</footer>
</body>
</html>